<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
	<link rel="stylesheet"  href="../css/base.css">
	<!-- 示例：https://blog.csdn.net/maomaoqiukqq/article/details/99967143 -->
	<!-- <script src="../js/vue.js" type="text/javascript" charset="utf-8"></script> -->
	<!-- 开发环境版本，包含了有帮助的命令行警告 -->
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	<!-- 生产环境版本，优化了尺寸和速度 -->
	<!-- <script src="https://cdn.jsdelivr.net/npm/vue"></script> -->
	
    <title>项目构建</title>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but default doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
	<!-- 标识 -->
    <div id="app" style="width: 100%;height: 100%;background-color: white;">
		
		<!-- 头部标题 -->
		<div class="header" style="height: 60px;">
		  <h1>自定义构建项目</h1>
		  <div class="line"></div>
		</div>
		
		<!-- 副标题 -->
		<div class="subhead" style="padding-left: 15px;">
			<h1>基础设置</h1>
		</div>		
		
		<div id="ID" v-text="msg" @click="handleClick"></div>
				
		
		
	</div>
	
	
	<script>
	    new Vue({
	        el: "#ID",
	        data: {
	            msg: "来吧，vue小欻欻"
	        },
			methods:{
				handleClick:function(){
					this.msg = this.msg+"测试点击事件"
				}
			}
	    })
	</script>
	
  </body>
  
</html>
